<template>
  <div class="common-layout"> 
    <el-container>
      <el-header> 
       
      </el-header>
      <el-container>
        <el-aside width="200px">
           <Menu></Menu>
        </el-aside>
        <el-container>
          <el-main>
            <RouterView />
          </el-main>
          <!-- <el-footer>Footer</el-footer> -->
        </el-container>
      </el-container>
    </el-container>
  </div>
</template>
<script lang="ts" setup>
 import MyTable from './Table.vue'
 import Menu from './Menu.vue'

 //加载数据
 const loadData = ()=> {

 }
</script>
<style scoped>
  .common-layout{
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    .el-container{
            height: 100%;
    }
    .el-header{
      background-color: antiquewhite;
    }

    .el-aside{
        /* background-color: aliceblue;  */
        border-right: solid 1px #ddd;
    }

    .el-main{
        /* background-color: aqua; */
    }

    .el-footer{
        /* background-color:bisque */
    }

    .el-menu{
        border: none !important;
    }
  }
</style>